<template>
    <div>
        <Row v-for="record in recordList" style="margin-top: 5px">
            <Col span="4">
                <span class="expand-key">费用类型: </span>
                <span class="expand-value">{{ getFeeType(record.feeType) }}</span>
            </Col>
            <Col span="4">
                <span class="expand-key">待扣款金额: </span>
                <span class="expand-value">{{ record.readyAmt }}元</span>
            </Col>
            <Col span="4">
                <span class="expand-key">已收金额: </span>
                <span class="expand-value">{{ record.succeedAmt }}元</span>
            </Col>
            <Col span="2">
                <span class="expand-key">期数: </span>
                <span class="expand-value">{{ record.termNo }}</span>
            </Col>
            <Col span="6">
                <span class="expand-key">当日手动扣款失败次数: </span>
                <span class="expand-value">{{ record.manualNum }}</span>
            </Col>
            <Col span="4">
                <span class="expand-key">应收日期: </span>
                <span class="expand-value">{{ record.planDate }}</span>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        name: "contract-debit-record",
        props: {
            recordList: Array,
            feeTypes:Array
        },
        methods:{
            getFeeType(v2){
                let dic = {}
                if(!this.feeTypes) return '';
                this.feeTypes.forEach(column => {
                    if(column.value === v2){
                        dic = column;
                    }
                });
                return dic.title;
            },
        }
    }
</script>

<style scoped>

</style>
